.top1{
 width: 90px;
    height: 40px;


}
.top2 {
    width: 200px;
    font-size: 10px;
}
.top2:hover{
    color: red;
}
.top3{
    width:100%;
    height: 150px;


}
.a1{
    margin-left: 300px;
    width: 40px;
   float:left;
}
.a1:hover{
  color: red;
}
.a2{
    margin-left: 150px;
    float:left;
     width: 80px;
}
.a2:hover{
    color: red;
}
.m1{
    margin-left: 20px;
    width: 400px;
    height: 400px;
 float: left;
}
#s1{
    width: 630px;
    height: 300px;
    margin-top: 100px;
    margin-left: 10px;
    float: left;
}
.m2{
    margin-right: 20px;
    float: right;
    width: 400px;
    height: 400px;

}
.d1{
    margin-top: 10px;
    float: left;
    width: 100%;
    height: 90px;
   background-color: lightgray;
}
.d2{

    height:90px ;
    width: 100px;
    margin-left: 300px;
    float: left;
}
.d3{
    font-size: 10px;
}
.d4{
    margin-top: 10px;
}
.d4:hover{
 color: red;
}
.l1{
    margin-left: -550px;
    margin-top: 80px;
    font-size: 5px;
    float: left;
}
.m11{
    border-left:solid;
    border-right: solid;
    width: 400px;
    height: 400px;
    margin-left: 200px;
    float: left;

}
.m12{
    text-align: center;
    font-size: 20px;
    color: cyan;
}
.m21{
    border-right: solid;
    width: 400px;
    height: 400px;
    margin-left: 200px;
    float: left;

}
.m22{
    border-right: solid;
    width: 400px;
    height: 400px;
    float: left;
}.m31{
      border-left: solid;
      width: 400px;
      height: 400px;
      float: left;
  }
 .m33{
     margin-left: 180px;
     width: 400px;
     height: 400px;
     float: left;
 }
.de1{
    margin-left: 500px;
    margin-top: -900px;
    float: left;
    border: solid;
    width: 300px;
    height: 310px;
    background-color: white;

}
.de2{
    float: left;
    width: 100%;
}
.z1{

    height: 400px;
    width:100%;
}
.z2{
    margin-left: 250px;
    float: left;
}
.z3{
    float: left;

    width: 400px;
    height: 400px;
}